@import "../mb.scss";
body {
	background: #f8f8f8;
}
.top {
	height: rm(43);
	border-bottom: solid 1px var(--adm-border-color);
	background: #2fd8c0;
	color: #effcfa;
	font-size: rm(16);
}
.publish_box {
	width: rm(255);
	display: flex;
	bottom: rm(172);
	position: fixed;
	align-items: center;
	left: 50%;
	transform: translateX(-50%);
	justify-content: space-between;
	.publish_box_item {
		width: rm(88);
		height: rm(88);
		border-radius: 50%;
		background: #36dcaa;
		position: relative;
		img {
			position: absolute;
			top: 50%;
			left: 50%;
			display: block;
			width: rm(30);
			height: rm(32);
			margin: 0 auto;
			transform: translate(-50%, -50%);
		}
		&:nth-child(1) {
			background: #2ed8c4;
		}
	}
	p {
		margin-top: rm(21);
		text-align: center;
		font-size: rm(14);
		color: #666666;
	}
}
.publish_reduce {
	position: fixed;
	bottom: rm(54);
	left: 50%;
	display: none;
	transform: translate(-50%, -50%);
	width: rm(33);
	height: rm(33);
	border-radius: 50%;
	background: url(../../images/publish_red.png) no-repeat;
	background-size: 100% 100%;
}
.publish_list {
	padding: 0 rm(40);
	h2 {
		padding: rm(18) 0;
		font-size: rm(14);
		text-align: center;
		color: #666666;
	}
	ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		.publish_li {
			border-radius: rm(4);
			width: 48%;
			height: rm(124);
			background: #ffffff;
			margin-bottom: rm(20);
			img {
				display: block;
				margin: rm(13) auto;
				width: rm(70);
				height: rm(70);
			}
			p {
				text-align: center;
				margin-top: rm(16);
				font-size: rm(14);
				color: #d3d3d3;
			}
		}
	}
}
.publish_submit {
	padding: 0 rm(20);
	.title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: rm(46);
		background: #fff;
		margin-top: rm(26);
		border-radius: rm(3);
	}
	.add {
		margin-top: rm(8);
		height: rm(310);
		border-radius: rm(3);
		background: #fff;

		.add_title {
			font-size: rm(16);
			color: #666666;
			padding: rm(17) rm(10) rm(9) rm(9);
		}
		.add_des {
			padding-left: rm(9);
			font-size: rm(12);
			transform: scale(0.9);
			margin-left: rm(-15);
			color: #dddddd;
		}
	}
}
.title1 {
	padding: rm(0) rm(20);
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: rm(46);
	background: #fff;
	margin-top: rm(26);
	border-radius: rm(3);
	:global(.adm-input-wrapper) {
		width: rm(50);
	}
	.doller {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
}
.submit {
	width: 90%;
	height: rm(46);
	line-height: rm(46);
	text-align: center;
	background: #fff;
	position: fixed;
	bottom: rm(6);
	left: 50%;
	transform: translateX(-50%);
}
.submit1 {
	@extend .submit;
	background: #36dcaa;
	color: #fff;
}
:global(.adm-input) {
	text-indent: rm(20);
}
:global(.adm-image-uploader) {
	padding: 0 rm(10);
	margin-top: rm(30);
}
.none {
	display: none;
}
.content {
	padding-left: rm(10);
}
